<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="row">
    <div class="col-sm-12">
        <div class="well">
            <div class="widget-body-toolbar">
                <strong> Group Information</strong>
                <span class="pull-right"><a href="#group"><i class="fa fa-reply"> Go Back</i></a></span>
            </div>

            <div class="widget-body no-padding margin-top-10">
                <form id="group-form" action="group/update" method="post">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="input-group" style="width:100%">
                            <input style="width:100%" name="name" id="input_gdetail_name" class="form-control" maxlength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                   placeholder="<spring:message code='GROUP_PLACEHODER_GROUP_NAME'/>" value="${group.name}">
                            <input type="hidden" name="id" id="g_id" value="${group.id}">
                        </div>
                    </div>
                </div>
                <div class="row margin-top-10">
                    <div class="col-sm-12">
                        <textarea class="form-control" placeholder="<spring:message code='GROUP_PLACEHODER_GROUP_DISCRIPTION'/>" maxlength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                  name="description" id="description" rows="4">${group.description}</textarea>
                    </div>
                </div>
                <div class="row margin-top-10">
                    <div class="col-sm-12">
                        <div class="text-right form-action-bar margin-top-5">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i> Update
                            </button>

                        </div>
                    </div>
                </div>
                    </form>
            </div>
        </div>
    </div>
</div>

<section id="widget-grid" class="">
    <div class="row">

        <article class="col-sm-12 sortable-grid ui-sortable">
            <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-deletebutton="false" role="widget" style="">
                <header role="heading">

                    <div class="jarviswidget-ctrls" role="menu">
                        <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a>
                        <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a>
                    </div>
                    <h2><strong>Project </strong><div class="badge bg-color-blueLight" id="div_pnumber">0</div></h2>
                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
                </header>
                <!--</header>-->

                <!-- widget div-->
                <div class="no-padding" role="content">
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                    </div>
                    <!-- end widget edit box -->

                    <div class="widget-body">
                        <div class="widget-body-toolbar bg-color-white padding-bottom-5">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <div class="from-group">
                                        <input type="text" style="width:100%" placeholder="Search for a project" id="search-input-addProject" name="">
                                        <!--<input style="width:100%" id="slt_sb_station" name="search_stationId" placeholder="Projects"/>-->
                                    </div>
                                    <p class="note">Search for existing projects or invite new ones using their names.</p>
                                    <div class="input-group-btn">
                                        <button id="btn-search-addProject" type="button" class="btn btn-success">
                                            <i class="fa fa-plus "></i> Add Project to Group
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="min-height: 30px;height:30px;line-height:30px;overflow:hidden;">
                                    <span>${group.name} group projects</span>
                                </div>

                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4  pull-right">
                                    <div class="input-group" style="float:left">
                                        <input class="form-control" type="text" placeholder="Search" id="search-input-filterProject" name="search_LIKE_name">
                                        <div class="input-group-btn">
                                            <button id="btn-simple-filterProject" type="button" class="btn btn-default">
                                                <i class="fa fa-search "></i> Filter
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- content -->
                        <table id="tbl_project" class="table table-bordered table-hover " style="margin-top:0px !important;">
                            <thead>
                            <tr>
                                <th width="3%">
                                    No
                                </th>
                                <th class="smart-form ">
                                    ID
                                </th>
                                <th class="smart-form ">
                                    Name
                                </th>
                                <th  width="5%">Operation</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>

                    </div>
                    <!-- widget body -->
                </div>
                <!-- end content -->
            </div>
            <!-- end widget div -->
        </article>


        <article class="col-sm-12 sortable-grid ui-sortable">
            <div class="jarviswidget jarviswidget-sortable" id="wid-id-1" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-deletebutton="false" role="widget" style="">
                <header role="heading">

                    <div class="jarviswidget-ctrls" role="menu">
                        <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a>
                        <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a>
                    </div>
                    <h2><strong>Members</strong>
                        <div class="badge bg-color-blueLight" id="div_unumber">0</div>
                    </h2>
                    <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
                </header>
                <!--</header>-->

                <!-- widget div-->
                <div class="no-padding" role="content">
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                    </div>
                    <!-- end widget edit box -->

                    <div class="widget-body">
                        <div class="widget-body-toolbar bg-color-white padding-bottom-5">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <div class="from-group">
                                        <input style="width:100%" type="text" placeholder="Search for a user" id="search-input-addUser" name="">
                                    </div>
                                    <p class="note">Search for existing users or invite new ones using their login name.</p>
                                    <div class="input-group-btn">
                                        <button id="btn-search-addUser" type="button" class="btn btn-success">
                                            <i class="fa fa-plus "></i> Add Members to Group
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="min-height: 30px;height:30px;line-height:30px;overflow:hidden;">
                                    <span>${group.name} group members</span>
                                </div>

                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4  pull-right">
                                    <div class="input-group" style="float:left">
                                        <input class="form-control" type="text" placeholder="Search" id="search-input-fiterUser" name="search_LIKE_name">
                                        <div class="input-group-btn">
                                            <button id="btn-simple-fiterUser" type="button" class="btn btn-default">
                                                <i class="fa fa-search "></i> Filter
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- content -->
                        <table id="tbl_user" class="table table-bordered table-hover " style="margin-top:0px !important;">
                            <thead>
                            <tr>
                                <th width="3%">
                                    NO
                                </th>
                                <th width="3%">
                                    ID
                                </th>
                                <th width="20%">
                                    Login Name
                                </th>
                                <th class="smart-form ">
                                    Name
                                </th>
                                <th width="5%">Operation</th>

                            </tr>
                            </thead>
                            <tbody class="">
                            </tbody>
                        </table>

                    </div>
                    <!-- widget body -->
                </div>
                <!-- end content -->
            </div>
            <!-- end widget div -->
        </article>
    </div>
</section>
<script src="js/core/business/group/groupDetailInit.js"></script>
